<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Antonio - Antonio's perfect cakes</title>
    <meta name="description" content="Learn about the passion and craft behind Antonio's perfect cakes.">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="site-header">
        <div class="container header-container">
            <a href="index.html" class="brand-logo">Antonio's perfect cakes</a>
            <nav class="main-nav" id="main-nav">
                 <button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false">
                    <span class="hamburger"></span>
                </button>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="gallery.html">Gallery & Shop</a></li>
                    <li><a href="about.html" class="active">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                     <!-- Optional: Placeholder Cart Icon
                    <li><a href="#" class="cart-icon" aria-label="Shopping Cart">(0)</a></li>
                    -->
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <section class="page-header section-padding">
            <div class="container">
                <h1>Our Story</h1>
                 <p>[Crafting moments of joy, one perfect cake at a time.]</p>
            </div>
        </section>

        <section class="about-content section-padding">
            <div class="container about-container">
                 <div class="about-image">
                     <img src="https://source.unsplash.com/random/500x400/?baker,portrait" alt="Antonio the baker - Placeholder" loading="lazy">
                     <!-- TODO: Replace with an actual photo of Antonio or the bakery -->
                 </div>
                 <div class="about-text">
                    <h2>Meet Antonio</h2>
                    <p>[Insert detailed information about Antonio here. Talk about his background, experience, passion for baking, philosophy on ingredients, and what makes his cakes special. Start with something engaging, e.g., "From a young age, Antonio found magic in the kitchen..."]</p>
                    <!-- TODO: Replace placeholder text with actual content -->

                    <h3>Our Mission</h3>
                    <p>[Describe the mission of Antonio's perfect cakes. E.g., "Our mission is simple: to create unforgettable cakes that not only look stunning but taste absolutely divine. We believe every celebration deserves a perfect centerpiece..."]</p>
                     <!-- TODO: Replace placeholder text with actual content -->

                    <h3>Quality & Ingredients</h3>
                    <p>[Detail the commitment to quality. E.g., "We pride ourselves on using only the finest, locally sourced ingredients whenever possible. From rich Belgian chocolate to fresh seasonal fruits, every component is chosen with care..."]</p>
                     <!-- TODO: Replace placeholder text with actual content -->
                </div>
            </div>
        </section>

        <!-- Optional: Values or Team Section -->
        <!-- <section class="values section-padding bg-light">
            <div class="container">
                <h2>Our Values</h2>
                <div class="values-grid">
                    <div>
                        <i class="fas fa-heart"></i>  <! -- Requires Font Awesome -- >
                        <h3>Passion</h3>
                        <p>[Placeholder text about passion]</p>
                    </div>
                    <div>
                        <i class="fas fa-star"></i> <! -- Requires Font Awesome -- >
                        <h3>Quality</h3>
                        <p>[Placeholder text about quality]</p>
                    </div>
                    <div>
                        <i class="fas fa-hand-holding-heart"></i> <! -- Requires Font Awesome -- >
                        <h3>Customer Joy</h3>
                        <p>[Placeholder text about customers]</p>
                    </div>
                </div>
            </div>
        </section> -->

    </main>

    <footer class="site-footer">
        <div class="container">
             <p>&copy; <span id="current-year"></span> Antonio's perfect cakes. All Rights Reserved.</p>
             <!-- Optional: Add social media links here -->
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>